<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>公司信息介绍</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="/mvc/plugins/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="/mvc/css/common/nav.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="//cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>


</head>


<style>
    #login_div{
        /*border:1px solid red;*/

        /*设置外边距*/
        margin-top: 100px;

        /*设置内边距*/
        padding: 20px;

        /*设置边框的阴影部分*/
        box-shadow: 2px 2px 4px #000;

        /*设置边框的圆角*/
        border-radius: 20px;
    }


</style>
</head>


<body>
<%--    引入导航--%>
<%@include file="../common/nav.jsp"%>


<%--    必须先引入jquery.min.js--%>
<script src="/mvc/plugins/jquery/jquery.min.js"></script>
<script src="/mvc/plugins/bootstrap/js/bootstrap.js"></script>
<div id="myCarousel" class="carousel slide">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active">
            <img src="/mvc/imgs/998.jpg" alt="First slide">
        </div>
        <div class="item">
            <img src="/mvc/imgs/997.jpg" alt="Second slide">
        </div>
        <div class="item">
            <img src="/mvc/imgs/996.jpg" alt="Third slide">
        </div>
    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
    <style>
        .carousel .item {
            height: 500px;
            background-color: #777;
        }
        .carousel-inner > .item > img {
            position: absolute;
            top: 0;
            left: 0;
            min-width: 100%;
            height: 500px;
        }</style>


</div>

<div><p>

</p></div>
<div class="container" id="jobsearch_div" >
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-10">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="搜索职位、公司">
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button">
                        <span class="glyphicon glyphicon-search"></span>搜索
                    </button>
                </span>
            </div><!-- /input-group -->
        </div><!-- /.col-lg-8 -->
    </div><!-- /.row -->
</div>
</br>


<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">公司详情</a>
        </div>
        <div id="myexample">
            <ul class="nav navbar-nav">

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" >热门公司
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <a id="action-1" href="#">不限</a>
                        </li>
                        <li>
                            <a href="#">北京</a>
                        </li>
                        <li>
                            <a href="#">上海</a>
                        </li>
                        <li>
                            <a href="#">广州</a>
                        </li>
                        <li>
                            <a href="#">成都</a>
                        </li>
                        <li>
                            <a href="#">深圳</a>
                        </li>
                        <li>
                            <a href="#">南京</a>
                        </li>

                    </ul>
                </li>
            </ul>
        </div>
        <div id="myexample1">
            <ul class="nav navbar-nav">

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">高薪公司
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <a id="action-2" href="#">不限</a>
                        </li>
                        <li>
                            <a href="#">北京</a>
                        </li>
                        <li>
                            <a href="#">上海</a>
                        </li>
                        <li>
                            <a href="#">广州</a>
                        </li>
                        <li>
                            <a href="#">成都</a>
                        </li>
                        <li>
                            <a href="#">深圳</a>
                        </li>
                        <li>
                            <a href="#">南京</a>
                        </li>


                    </ul>
                </li>
            </ul>
        </div>
        <div id="myexample2">
            <ul class="nav navbar-nav">

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">国家扶持公司
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <a id="action-3" href="#">不限</a>
                        </li>
                        <li>
                            <a href="#">四川</a>
                        </li>
                        <li>
                            <a href="#">西藏</a>
                        </li>
                        <li>
                            <a href="#">内蒙古</a>
                        </li>
                        <li>
                            <a href="#">贵阳</a>
                        </li>

                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>
</div>
<script>
    $(function() {
        $(".dropdown-toggle").dropdown('toggle');
    });
</script>


<div class="col-md-3 column">
    <img alt="140x140"  src="/mvc/imgs/988.jfif" class="center-block" />
    <h1 style='text-align: center;'>
        淘宝网
    </h1>
    <h4>
        淘宝网是亚太地区较大的网络零售、商圈，由阿里巴巴集团在2003年5月创立。淘宝网是中国深受欢迎的网购零售平台，拥有近5亿的注册用户数，每天有超过6000万的固定访客，同时每天的在线商品数已经超过了8亿件，平均每分钟售出4.8万件商品。
    </h4>
    <p>
        <a class="btn" href="https://baike.baidu.com/item/%E6%B7%98%E5%AE%9D%E7%BD%91/112187?fr=aladdin">更多信息 »</a>
    </p>
</div>
<div class="col-md-3 column">
    <img alt="140x140" src="/mvc/imgs/994.jpg" class="center-block"/>
    <h1 style='text-align: center;'>
        BiliBili公司-总部
    </h1>
    <h4>
        哔哩哔哩（Nasdaq:BILI；英文名称：bilibili，简称B站）现为中国年轻世代高度聚集的文化社区和视频平台，该网站于2009年6月26日创建，被粉丝们亲切地称为“B站”。2018年3月28日，哔哩哔哩在美国纳斯达克上市。2020年9月15日，B站定制的视频遥感卫星——“哔哩哔哩视频卫星”成功升空。
        B站早期是一个ACG（动画、漫画、游戏）内容创作与分享的视频网站。
    </h4>
    <p>
        <a class="btn" href="https://baike.baidu.com/item/bilibili">更多信息 »</a>
    </p>
</div>
<div class="col-md-3 column">
    <img alt="140x140" src="/mvc/imgs/993.jpg" class="center-block" />
    <h1 style='text-align: center;'>
        京东公司-总部
    </h1>
    <h4>
        京东是中国的综合网络零售商，是中国电子商务领域受消费者欢迎和具有影响力的电子商务网站之一，在线销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品、在线旅游等12大类数万个品牌百万种优质商品。京东在2012年的中国自营B2C市场占据49%的份额，凭借全供应链继续扩大在中国电子商务市场的优势。
    </h4>
    <p>
        <a class="btn" href="https://baike.baidu.com/item/%E4%BA%AC%E4%B8%9C/210931">更多信息 »</a>
    </p>
</div>
<div class="col-md-3 column">
    <img alt="140x140"  src="/mvc/imgs/995.jpg" class="center-block" />
    <h1 style='text-align: center;'>
        腾讯公司-总部
    </h1>
    <h4>
        深圳市腾讯计算机系统有限公司成立于1998年11月，由马化腾、张志东、许晨晔、陈一丹、曾李青五位创始人共同创立。是中国最大的互联网综合服务提供商之一，也是中国服务用户最多的互联网企业之一。
        腾讯多元化的服务包括：社交和通信服务QQ及微信/WeChat、社交网络平台QQ空间、腾讯游戏旗下QQ游戏平台、门户网站腾讯网、腾讯新闻客户端和网络视频服务腾讯视频等...
    </h4>
    <p>
        <a class="btn" href="https://baike.baidu.com/item/%E8%85%BE%E8%AE%AF/112204">更多信息 »</a>
    </p>
</div>
<div class="col-md-3 column">
    <img alt="140x140" src="/mvc/imgs/989.jpg" class="center-block"/>
    <h1 style='text-align: center;'>
        星巴克
    </h1>
    <h4>
        星巴克咖啡公司成立于1971年，致力于商业道德采购并烘焙世界上高品质的阿拉比卡咖啡，在全球82个市场，拥有超过32,000家门店的星巴克是世界上首屈一指的专业咖啡烘焙商和零售商。
    </h4>
    <p>
        <a class="btn" href="https://baike.baidu.com/item/%E6%98%9F%E5%B7%B4%E5%85%8B/1063?fr=aladdin">更多信息 »</a>
    </p>
</div>
<div class="col-md-3 column">
    <img alt="140x140" src="/mvc/imgs/990.jpg" class="center-block" />
    <h1 style='text-align: center;'>
        大宇资讯股份有限公司
    </h1>
    <h4>
        大宇资讯股份有限公司是大宇资讯集团的总公司，简称大宇资讯，是一家位于台湾新北市中和区的电脑游戏软件公司，成立之初以台湾自己设计的中文版个人电脑游戏为主要的业务，曾经推出多款角色扮演游戏，包括仙剑奇侠传系列、轩辕剑系列、大富翁系列等。现任董事长为吴亮材。
    <p>
        <a class="btn" href="https://baike.baidu.com/item/%E5%A4%A7%E5%AE%87%E8%B5%84%E8%AE%AF%E8%82%A1%E4%BB%BD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8/10793763?fromtitle=%E5%A4%A7%E5%AE%87%E8%B5%84%E8%AE%AF&fromid=1514855">更多信息 »</a>
    </p>
</div>
<div class="col-md-3 column">
    <img alt="140x140" src="/mvc/imgs/992.jpg" class="center-block" />
    <h1 style='text-align: center;'>
        天猫公司-总部
    </h1>
    <h4>
        天猫 - 专业线上综合购物平台，全球消费者挚爱的品质购物之城！旨在引领中国消费者第一时间发现和体验全球化、更优质的生活方式，提前开启趋势中的理想生活！理想生活，上天猫！
    </h4>
    <p>
        <a class="btn" href="https://baike.baidu.com/item/%E5%A4%A9%E7%8C%AB/2551565?fr=aladdin">更多信息 »</a>
    </p>
</div>
<div class="col-md-3 column">
    <img alt="140x140" src="/mvc/imgs/991.jpg" class="center-block" />
    <h1 style='text-align: center;'>
        天美工作室群
    </h1>
    <h4>
        天美工作室群（英文名：TiMi Studio Group）成立于2014年，是腾讯IEG（互动娱乐事业群）旗下负责研发精品移动游戏的工作室群。天美工作室群属于腾讯游戏旗下的一个工作室群。
    </h4>
    <p>
        <a class="btn" href="https://baike.baidu.com/item/%E5%A4%A9%E7%BE%8E%E5%B7%A5%E4%BD%9C%E5%AE%A4%E7%BE%A4/16543919?fr=aladdin">更多信息 »</a>
    </p>
</div>


<div>
    <!-- 左右切换按钮 -->
    <a class="carousel-control-prev" href="#demo" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
    </a>
    <a class="carousel-control-next" href="#demo" data-slide="next">
        <span class="carousel-control-next-icon"></span>
    </a>
</div>
<hr class="hidden-sm hidden-md hidden-lg">
</div>
</div>
</div>

<nav aria-label="Page navigation">
    <div class="col-lg-12"></div>
    <div class="col-lg-12"></div>
    <div class="col-md-offset-5">
        <ul class="pagination">
            <li>
                <a href="#" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                </a>
            </li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li>
                <a href="#" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                </a>
            </li>
        </ul>
    </div>
    <div class="col-lg-12"></div>
    <div class="col-lg-12"></div>
</nav>


<div>
    <img src="/mvc/imgs/999.png" class="img-responsive center-block">
</div>

<style>body{background-image:url(/mvc/imgs/111.jpg);background-repeat:no-repeat; background-size: cover;}</style>

</body>

</html>